<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript封装可拖拽效果</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    
    <div class="wrapper" id="wrapper">
        <div id="bar">
            <span class="wrap-content">公告</span>
            <svg t="1589075497004" id="bar-icon" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2135" width="200" height="200"><path d="M810.666667 273.493333L750.506667 213.333333 512 451.84 273.493333 213.333333 213.333333 273.493333 451.84 512 213.333333 750.506667 273.493333 810.666667 512 572.16 750.506667 810.666667 810.666667 750.506667 572.16 512z" p-id="2136" fill="#ffffff"></path></svg>
        </div>
        <span class="wrap-content main-content">
            <p>知乎：https://www.zhihu.com/people/a-li-ba-21-68</p>
            <p>CSDN：https://blog.csdn.net/weixin_43148062</p>
            <p>简书：https://www.jianshu.com/u/45339cbb7573</p>
            <p style="text-align: center;">更多知识  敬请关注</p>
        </span>
    </div>
    <script src="./js/drag.js"></script>
    <script src="./js/index.js"></script>
</body>
</html>